<template>
    <div>
        <el-card>
            <div style="margin-left: 30px; margin-right: -100%">
                <el-row :gutter="50">
                    <el-col :span="12">
                        <router-link
                            :to="{
                                path: getRoutePath('proposal:newaddProposal')
                            }"
                        >
                            <div
                                class="grid-content"
                                v-perms="['proposal:newaddProposal']"
                                style="background-color: #58bade"
                            >
                                <div class="top">
                                    <div class="topcontent">
                                        <span style="font-size: 26px; margin-left: 10px"
                                            >知识产权</span
                                        >
                                    </div>
                                    <div class="topcontent">
                                        <img src="../../../assets/logo/jinru32.png" alt="" />
                                    </div>
                                </div>
                            </div>
                        </router-link>
                    </el-col>
                </el-row>
                <el-row :gutter="50">
                    <el-col :span="12">
                        <div
                            class="grid-content"
                            v-perms="['patent:data']"
                            style="background-color: #58bade"
                        >
                            <div class="top">
                                <div class="topcontent">
                                    <span style="font-size: 26px; margin-left: 10px">第二版块</span>
                                </div>
                                <div class="topcontent">
                                    <img src="../../../assets/logo/jinru32.png" alt="" />
                                </div>
                            </div>
                        </div>
                    </el-col>
                </el-row>
            </div>
        </el-card>
    </div>
</template>

<script lang="ts" setup name="contractAddContract">
import { getRoutePath } from '@/router'

const proposalDate: any = reactive({
    menu: [
        {
            name: '知识产权'
        },
        {
            name: '商标'
        },
        {
            name: '版权'
        }
    ]
})
</script>
<style lang="scss" scoped>
.el-row {
    margin-bottom: 20px;
}

.el-row:last-child {
    margin-bottom: 0;
}

.el-col {
    border-radius: 4px;
}

.grid-content {
    border-radius: 4px;
    color: white;
    padding: 30px;
    display: flex;
    flex-flow: column;
    align-items: center;
}

.top {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.topcontent {
    display: flex;
    align-items: center;
}
</style>
